﻿<!DOCTYPE HTML>
<html>

<head>
    <title>@ViewBag.Title</title>
    <!-- meta info -->
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Google fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,700italic,800" rel="stylesheet" type="text/css">  
    <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600' rel='stylesheet' type='text/css'> -->
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

    <!-- Bootstrap styles -->
    <link rel="stylesheet" href="~/Content/bootstrap.css">
    <link href="~/Content/bootstrap-responsive.min.css" rel="stylesheet" />

    <!-- Font Awesome styles (icons) -->
    <link href="~/Content/font_awesome.css" rel="stylesheet" />

    <!-- Main Template styles -->
    <link href="~/Content/styles.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="~/Content/schemes/hot-pink.css" title="hot-pink" media="all" />

    <!-- IE 8 Fallback -->
    <!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->

    <!-- Custom styles -->
    <link href="~/Content/mystyles.css" rel="stylesheet" />

</head>

<body class="sticky-header">


    <!-- topheader -->
    <div id="topheader" class="topheader">
        <div class="container">
            <!-- topheader-inner -->
            <div class="row-fluid topheader-inner">

                <div class="span6 topheader-left">
                    <ul>
                        <li><span><strong>FRAIS DE PORT OFFERTS</strong> D&Egrave;S 100&euro; HT D'ACHATS</span></li>
                    </ul>
                </div>

                <div class="right">
        	        <ul class="social">
            	        <li><a title="Suivez nous sur Facebook" data-placement="bottom" data-toggle="tooltip" href="http://www.facebook.com/pages/BEAUTY-TECH/141056385555" target="_blank"><i class="icon-facebook"></i></a></li>
            	        <li><a title="Suivez nous sur Twitter" data-placement="bottom" data-toggle="tooltip" href="http://twitter.com/webdesigntunes"><i class="icon-twitter"></i></a></li>
            	        <li><a title="Suivez nous sur Google Plus" data-placement="bottom" data-toggle="tooltip" href="#"><i class="icon-google-plus"></i></a></li>
                    </ul>
                </div>

            </div>
            <!-- topheader-inner END-->
        </div>
    </div>
    <!-- topheader END-->

    <!-- //////////////////////////////////
//////////////MAIN HEADER///////////// 
////////////////////////////////////-->
    <header class="main">

        <div class="container">
            <div class="row">
                <div class="span2">
                    <a href="http://www.beauty-tech.fr">
                        <img src="~/Images/logobt.png" />
                        <!--<img src="~/Content/img/logo-small.png" alt="logo" title="logo" class="logo">-->
                    </a>
                </div>
                <div class="span8">
                    <!-- MAIN NAVIGATION -->
                    <div class="flexnav-menu-button" id="flexnav-menu-button">Menu</div>
                    <nav>
                        <ul class="nav nav-pills flexnav" id="flexnav" data-breakpoint="800">
                            <li><a href="index-2.html">SHOP</a>
                                <ul>
                                    <li><a href="index-2.html">Epilation</a></li>
                                    <li><a href="index-hero-image.html">Jetable & Hygiène</a></li>
                                    <li><a href="index-no-top.html">Manucure</a></li>
                                    <li><a href="index-category-right.html">Beauté du visage</a></li>
                                    <li><a href="index-featured-item.html">Soins Instituts & Spa</a></li>
                                    <li><a href="index-coupon-4-columns.html">Matériel Spa</a></li>
                                    <li><a href="index-coupon-4-columns.html">Technologie</a></li>
                                    <li><a href="index-coupon-4-columns.html">Mobilier</a></li>
                                    <li><a href="index-coupon-4-columns.html">Bronzage</a></li>
                                </ul>
                            </li>
                            <li><a href="coupon-page.html">SOBEAUTY CLUB</a>
                            </li>
                            <li><a href="/blog">BLOG</a>
                            </li>
                            <li><a href="contact.html">CONTACT</a>
                            </li>
                        </ul>
                    </nav>
                    <!-- END MAIN NAVIGATION -->
                </div>
                <div class="span2">
                    <!-- LOGIN REGISTER LINKS -->
                    <ul class="login-register">
                        <li><a class="popup-text" href="#login-dialog" data-effect="mfp-move-from-top"><i class="icon-signin"></i>Sign in</a>
                        </li>
                        <li><a class="popup-text" href="#register-dialog" data-effect="mfp-move-from-top"><i class="icon-edit"></i>Sign up</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <!-- LOGIN REGISTER LINKS CONTENT -->
    <div id="login-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
        <i class="icon-signin dialog-icon"></i>
        <h3>Member Login</h3>
        <h5>Welcome back, friend. Login to get started</h5>
        <div class="row-fluid">
            <form class="dialog-form">
                <label>E-mail</label>
                <input type="text" placeholder="email@domain.com" class="span12">
                <label>Password</label>
                <input type="password" placeholder="My secret password" class="span12">
                <label class="checkbox">
                    <input type="checkbox">Remember me
                </label>
                <input type="submit" value="Sign in" class="btn btn-primary">
            </form>
        </div>
        <ul class="dialog-alt-links">
            <li><a class="popup-text" href="#register-dialog" data-effect="mfp-zoom-out">Not member yet</a>
            </li>
            <li><a class="popup-text" href="#password-recover-dialog" data-effect="mfp-zoom-out">Forgot password</a>
            </li>
        </ul>
    </div>


    <div id="register-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
        <i class="icon-edit dialog-icon"></i>
        <h3>Member Register</h3>
        <h5>Ready to get best offers? Let's get started!</h5>
        <div class="row-fluid">
            <form class="dialog-form">
                <label>E-mail</label>
                <input type="text" placeholder="email@domain.com" class="span12">
                <label>Password</label>
                <input type="password" placeholder="My secret password" class="span12">
                <label>Repeat Password</label>
                <input type="password" placeholder="Type your password again" class="span12">
                <div class="row-fluid">
                    <div class="span8">
                        <label>Your Area</label>
                        <input type="password" placeholder="Boston" class="span12">
                    </div>
                    <div class="span4">
                        <label>Postal/Zip</label>
                        <input type="password" placeholder="12345" class="span12">
                    </div>
                </div>
                <label class="checkbox">
                    <input type="checkbox">Get hot offers via e-mail
                </label>
                <input type="submit" value="Sign up" class="btn btn-primary">
            </form>
        </div>
        <ul class="dialog-alt-links">
            <li><a class="popup-text" href="#login-dialog" data-effect="mfp-zoom-out">Already member</a>
            </li>
        </ul>
    </div>


    <div id="password-recover-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
        <i class="icon-retweet dialog-icon"></i>
        <h3>Password Recovery</h3>
        <h5>Fortgot your password? Don't worry we can deal with it</h5>
        <div class="row-fluid">
            <form class="dialog-form">
                <label>E-mail</label>
                <input type="text" placeholder="email@domain.com" class="span12">
                <input type="submit" value="Request new password" class="btn btn-primary">
            </form>
        </div>
    </div>
    <!-- END LOGIN REGISTER LINKS CONTENT -->

    @RenderSection("Slider", required: false)


    <!-- PAGE TITLE -->
    <!-- 
    <div class="top-title-area">
        <div class="container">
            <h1 class="title-page">Stiky header</h1>
        </div>
    </div>
    <!-- END PAGE TITLE -->

    <!-- SEARCH AREA -->
    
    <div class="search-area">
        <div class="container">
            <div class="row-fluid">
                <div class="span8">
                    <label><i class="icon-search"></i>I am searching for</label>
                    <div class="search-area-division search-area-division-input">
                        <input class="span12" type="text" placeholder="Travel Vacation" />
                    </div>
                </div>
                <div class="span3">
                    <label><i class="icon-map-marker"></i>In</label>
                    <div class="search-area-division search-area-division-location">
                        <input class="span12" type="text" placeholder="Boston" />
                    </div>
                </div>
                <div class="span1">
                    <button class="btn btn-block btn-white search-btn" type="submit">Search</button>
                </div>
            </div>
        </div>
    </div>
    <!-- END SEARCH AREA -->

    <div class="gap"></div>

    <!-- //////////////////////////////////
//////////////END MAIN HEADER////////// 
////////////////////////////////////-->



    <div class="container">
        @RenderBody()
    </div>


    <!-- //////////////////////////////////
//////////////MAIN FOOTER////////////// 
////////////////////////////////////-->
        @{ Html.RenderPartial("Footer"); }
    <!-- //////////////////////////////////
//////////////END MAIN  FOOTER///////// 
////////////////////////////////////-->

    <!-- Scripts queries -->
    <script src="~/Scripts/jquery.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/nivo_slider.min.js"></script>
    <script src="~/Scripts/countdown.min.js"></script>
    <script src="~/Scripts/flexnav.min.js"></script>
    <script src="~/Scripts/magnific.min.js"></script>
    <script src="~/Scripts/tweet.min.js"></script>
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script src="~/Scripts/gmap3.min.js"></script>
    <script src="~/Scripts/wilto_slider.min.js"></script>
    <script src="~/Scripts/mediaelement.min.js"></script>
    <script src="~/Scripts/fitvids.min.js"></script>
    <script src="~/Scripts/mail.min.js"></script>

    <!-- Custom scripts -->
    <script src="~/Scripts/custom.js"></script>


</body>

</html>
